import React from 'react'

export default class App extends React.Component {
  constructor (props) {
    super(props)
    // 如果想在构造函数 constructor 中来使用props,
    // 需要手动传入
    // console.log(this.props)  // undefined
    console.log(props)
  }

  // props 是只读的
  changeProps = () => {
    // console.log(this.props)
    this.props.age = 10
  }

  render() {
    return (
      <div>
        <h4>props 的特点：</h4>
        {/* props 可以接收任意类型值 */}
        <p>{this.props.name}</p>
        <p>{this.props.age}</p>
        <p>{this.props.bol + 1}</p>
        <p>{this.props.fun()}</p>
        <p>{this.props.info}</p>
        <button onClick={this.changeProps}>不能改变props</button>
      </div>
    )
  }
}
